<template>
	<div class="Pnewsdetail">
		<Pheader class="tou" msg="我的消息"></Pheader>
		<div class="newsCon">
			<p id="huowu">您的货物已发货</p>
			<p id="time">2019年12月14日 12:12:23</p>
			<div>
				您的货物已发货您的货物已发货您的货物已发货您的货物已发货
				您的货物已发货您的货物已发货您的货物已发货您的货物已发货
				您的货物已发货您的货物已发货您的货物已发货您的货物已发货
			</div>
		</div>
	</div>
</template>

<script>
	//头部小组件
	import Pheader from "@/components/P_header.vue";
	export default {
		components: {
			Pheader
		},
		data() {
			return{
				
			}
		}
	}
</script>

<style>
.Pnewsdetail {
  width: 100%;
  height: 488px;
  border: 1px solid #e7e7e7;
  /* margin-left:1%; */
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 2;
}
.Pnewsdetail .tou {
  padding: 12px 13px;
  border-bottom: 1px solid #e7e7e7;
}
	.newsCon{
		margin:0px 30px;
	}	
	.Pnewsdetail #huowu{
		color:#4b943d;
		font-size: 17px;
		text-align: center;
		margin-top:45px;
		margin-bottom: 10px;
	}
	.Pnewsdetail #time{
		text-align: end;
		color:#a1a1a1;
		margin-bottom: 20px;
	}
	.newsCon div{
		color:#808080;
		line-height: 29px;
		font-size: 13px;
	}
</style>
